$(function() {
    // 获取用户信息渲染头像
    getUserInfo()
        // 点击退出时退出
    $(`#logout`).on(`click`, function() {
        // 清除token认证跳转页面
        layer.confirm('确认退出吗', { icon: 3, title: '提示' }, function(index) {
            //do something
            localStorage.removeItem(`token`)
            location.href = `/login.html`
            layer.close(index);
        });
    })
})

function getUserInfo() {
    axios({
        method: `get`,
        url: `/my/userinfo`,
        // headers: {
        //     Authorization: localStorage.getItem(`token`)
        // }
    }).then(({ data: res }) => {
        if (res.status != 0) {
            return layer.msg(`获取用户信息失败`)
        }
        //渲染数据
        renderAvatar(res.data)
    })
}

function renderAvatar(user) {
    // 渲染欢迎词-有限渲染用户昵称，没有昵称才渲染用户名
    let name = user.nickname || user.username
    $(`.welcome`).html(`欢迎&nbsp;：${name}`)
    if (user.user_pic !== null) {
        $(`.avatar-text`).hide()
        $(`.layui-nav-img`).show().attr(`src`, user.user_pic)
    } else {
        $(`.layui-nav-img`).hide()
            // 文字头像把首字母大写
        let first = name[0].toUpperCase()
        $(`.avatar-text`).show().html(first)
    }
}